<template>
    <div class="fa">
        <div class="pic-title">
            <img class="pic-title" src="@/assets/home_images/1_02.png">
        </div>
        <div class="line"></div>
        <el-menu
            :default-active="activeIndex"
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b">
            <el-menu-item index="1">首页</el-menu-item>
            <el-menu-item index="2">需求与供给拍卖实验</el-menu-item>
            <el-menu-item index="3">软件规模度量实验</el-menu-item>
            <el-menu-item index="4">财务分析实验</el-menu-item>
            <el-menu-item index="5">实验报告</el-menu-item>
        </el-menu>
        <div class="introduction">
            <div class="intr-title">实验介绍</div>
            <div class="intr-index">
            软件财务分析是在国家现行财税制度和价格体系的前提下，从软件项目的角度出发，计算软件项目范围内的财务效益和费用，分析软件项目的盈利能力和清偿能力，进而编制财务报表，计算评价指标，评价软件项目在财务上的可行性的经济管理活动。其目的是反映企业在运营过程中的利弊得失和发展趋势，根据经验和所掌握的资料对未来进行判断和预测，形成对收益的估计和期望，从而在软件项目的设计、执行过程中为软件项目的投资者、债权人、经营者及其他关心企业的组织或个人了解企业过去、评价企业现状、预测企业未来做出正确决策提供准确的信息或依据。</div>
            <div class="intr-index">
            财务效益和费用是财务分析重要基础，其估算的准确性和可靠程度对项目财务分析影响极大。通过财务效益和费用分析，可以得到项目的经营成本、流动资金、税费和营业收入等重要指标。在项目财务效益和费用估算的基础上就可以进行财务分析，通过项目投资财务内部收益率和财务净现值、项目资本金财务内部收益率和财务净现值、投资回收期、总投资收益率等来评价项目的盈利能力。</div>
            <div class="intr-index">
            本实验是一个模仿财务分析流程的实验，用户可以通过输入项目的各项指标数据进行财务分析模拟，得出各评价指标，进而评价项目的财务盈利能力、偿债能力和生存能力。
            </div>
            <div class="intr-title">实验流程</div>
            <div>（1）用户进行调研，完成初始化</div>
            <div class="intr-index">
            首先进行初始设置，查阅资料，依次设置所得税税率、法定盈余公积金提取比例、任意盈余公积金提取比例、综合人工成本、折旧年限、残值率、软件平台开发摊销年限、软件增强开发与运维费摊销年限、工程建设其他费用摊销年限、市场和管理部人均底薪标准、市场和管理部五险一金比例、营销收入占销售收入比、增值税占销售收入比、城市建设维护税占增值税比、教育费附加占增值税比、贷款年利率和短期借款年利率。
            </div>
            <div class="intr-index">
            接着根据调查研究，得出项目每年的开发人员在岗数、办公场地二次装修及布线费用、计算机与网络设备费用、办公家具费用、项目开办费、建设单位管理费、流动现金、应收帐款、应付帐款、营业收入、贷款、资本金、外购原材料费、外购燃料动力费、修理费、年均员工人数，并将其输入系统初始化表。
            </div>
            <div>（2）生成报表进行财务分析</div>
            <div class="intr-index">点击生成表，即可得到13张报表和计算指标。根据所得到的计算指标，评价项目的财务盈利能力、偿债能力和生存能力。</div>
            <div>（3）确认数据，完成实验</div>
            <div class="intr-index">在对项目进行财务分析之后，认为项目具有良好的财务盈利能力、偿债能力和生存能力，之后即可保存实验数据，完成实验。</div>
            <el-button class="btn" type="primary" @click="startFa">开始实验</el-button>
        </div>
        <div class="footer">
            上海同济大学软件工程精品课程版权所有<br>
            上海市四平路1239号  021-65982200  <br>
            沪ICP备10014176号 　沪举报中心
        </div>
    </div>



</template>

<script>
export default {
  data() {
    return {
      activeIndex: '4'
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
      if (key == 1) {
        this.GoIndex();
      } else if (key == 2) {
        this.GoAuction();
      } else if (key == 3) {

      } else if (key == 4) {
        this.GoFinancialAnalysis();
      } else {
        this.GoPanel();
      }

    },
    GoIndex() {
      this.$router.push({path: '/home', query: {id: this.projectId}})
    },
    GoAuction() {
      this.$router.push({path: '/auction', query: {id: this.projectId}})
    },
    GoExperiment2() {

    },
    GoFinancialAnalysis() {
      this.$router.push({path: '/fa', query: {id: this.projectId}})
    },
    GoPanel() {
      this.$router.push({path: '/panel', query: {id: this.projectId}})
    },
    startFa() {
      this.$router.push({path: '/dashboard', query: {id: this.projectId}})
    },
    startAuction() {
      this.$router.push({path: 'localhost/auction/#/'})
    }
  }
}
</script>

<style scoped>
.fa{
    position: relative;
    width:80%;
    left:10%;
    text-align: left;
}
.introduction{
    position: relative;
    width:80%;
    left:10%;
}
.intr-title{
    position: relative;
    margin: 10px 10px 10px 10px;
    color: #007feb;
    font-size: 23px;
    text-align: center;
}
.intr-index{
    text-indent: 2em;
}
.btn{
    text-align: center;
    margin: 10px 10px 10px 10px;
    position: relative;
    left: 45%;
}
</style>
<style lang="scss" scoped>
.footer {
  padding: 55px 20px;
  text-align: center;
  background: #eeeeee;
}
</style>
